<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>芭蕾舞-报名-填写个人信息</title>
    <meta name="keywords" content="芭蕾舞" />
    <meta name="description" content="芭蕾舞" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
    <!--bootstrap-->
    <link type="text/css" href="css/bootstrap.min.css" rel="stylesheet">
    <!--select2-->
    <link type="text/css" href="css/select2.min.css" rel="stylesheet">
    <!--form validate-->
    <link type="text/css" href="css/bootstrapValidator.min.css" rel="stylesheet">
    <!--scrollBar-->
    <link type="text/css" href="css/jquery.mCustomScrollbar.min.css" rel="stylesheet">
    <!--canlendar-->
    <link type="text/css" href="css/bootstrap-datepicker.min.css" rel="stylesheet">
    <!--icheck(checkbox&radio)-->
    <link type="text/css" href="css/blue.css" rel="stylesheet">
    <!--common css style-->
    <link type="text/css" href="css/master.css" rel="stylesheet">
    <script src="js/jquery.min.js"></script>
    <!--[if lt IE 9]>
    <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body class="signupPage">
    <header class="ballet-header">
        <div class="navbar navbar-default">
            <div class="container">
                <div class="navbar-header">
                    <div class="language"><a href="#">En</a>／<a href="#" class="on">中文</a></div>
                    <button type="button" class="navbar-toggle collapsed icon-menu" data-toggle="collapse" aria-expanded="false">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar line-top"></span>
                        <span class="icon-bar line-mid"></span>
                        <span class="icon-bar line-btm"></span>
                    </button>
                    <a class="navbar-brand" href="#"><img src="images/logo_white.png" /></a>
                </div>
                <div class="navbar-collapse">
                    <ul class="nav navbar-nav  ballet-nav">
                        <li><a href="#">首页</a></li>
                        <li><a href="#">比赛</a></li>
                        <li><a href="#">动态</a></li>
                        <li><a href="#">下载</a></li>
                        <li><a href="#">赞助</a></li>
                        <li><a href="#">联系我们</a></li>
                    </ul>
                    <ul class="nav navbar-nav navbar-right">
                        <li class="switch_language"><a href="#">En</a>／<a href="#" class="on">中文</a></li>
                        <li class="lr-action"><a href="login.html" class="loginBtn">登录</a><span class="hidden-xs">｜</span> <a href="register.html" class="registerBtn">注册</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </header>
    <main class="mainContent">
        <section class="sign-banner">
            <div class="container">
                <div class="bg visible-xs"></div>
                <div class="sign-banner-box">
                    <span class="border-1"></span>
                    <span class="border-2"></span>
                    <span class="border-3"></span>
                    <span class="border-4"></span>
                    <div class="steps">
                        <div class="title">仅需三步，完成报名</div>
                        <ul class="stepsBox">
                            <li class="num"><i>1</i>填写个人信息</li>
                            <li class="border"><em></em></li>
                            <li class="num"><i>2</i>上传资料</li>
                            <li class="border"><em></em></li>
                            <li class="num"><i>3</i>填选节目</li>
                        </ul>
                    </div>

                </div>
            </div>
        </section>
        <section class="signUp-wrap">
            <div class="container">
                <h2 class="big-title">1，填写个人信息<span><em class="xing">*</em>为必选项</span></h2>
                <form method="post" class="commonForm">
                    <div class="personal_info">
                        <div class="row form-row">
                            <div class="col-sm-4 form-item error">
                                <label class="titl">姓<em class="xing">*</em></label>
                                <input type="text" placeholder="请输入您的姓氏" class="form-input" />
                                <div class="tips">必填项</div>
                            </div>
                            <div class="col-sm-4 form-item">
                                <label class="titl">名<em class="xing">*</em></label>
                                <input type="text" placeholder="请输入您的名称" class="form-input" />
                                <div class="tips"></div>
                            </div>
                            <div class="col-sm-4 form-item">
                                <label class="titl">性别<em class="xing">*</em></label>
                                <select class="form-select">
                                    <option value="0">请选择</option>
                                    <option value="1">男</option>
                                    <option value="2">女</option>
                                </select>
                                <div class="tips"></div>
                            </div>
                        </div>
                        <div class="row form-row">
                            <div class="col-sm-4 form-item">
                                <label class="titl">出生日期<em class="xing">*</em></label>
                                <div class="inputBox">
                                    <input type="text" placeholder="选择日期" class="datepicker" />
                                    <i class="iconfont icon-calendar"></i>
                                </div>
                                <div class="tips"></div>
                            </div>
                            <div class="col-sm-4 form-item">
                                <label class="titl">国籍<em class="xing">*</em></label>
                                <select class="form-select">
                                    <option value="0">请选择</option>
                                    <option value="1">中国</option>
                                    <option value="2">美国</option>
                                </select>
                                <div class="tips"></div>
                            </div>
                            <div class="col-sm-4 form-item">
                                <label class="titl">出生地<em class="xing">*</em></label>
                                <input type="text" placeholder="请输入您的出生所在省市" class="form-input" />
                                <div class="tips"></div>
                            </div>
                        </div>
                        <div class="row form-row">
                            <div class="col-sm-4 form-item">
                                <label class="titl">有效证件<em class="xing">*</em></label>
                                <select class="form-select">
                                    <option value="0">请选择</option>
                                    <option value="1">身份证</option>
                                    <option value="2">护照</option>
                                    <option value="2">其他</option>
                                </select>
                                <div class="tips"></div>
                            </div>
                            <div class="col-sm-4 form-item">
                                <label class="titl">证件号码<em class="xing">*</em></label>
                                <input type="text" placeholder="请输入您的证件号码" class="form-input" />
                                <!--这里显示错误提示信息-->
                                <div class="tips"></div>
                            </div>
                            <div class="col-sm-4 form-item">
                                <label class="titl">身高<em class="xing">*</em></label>
                                <div class="inputBox">
                                    <input type="text" placeholder="请输入您的身高" class="form-input" />
                                    <label class="dw">cm</label>
                                </div>
                                <div class="tips"></div>
                            </div>
                        </div>
                        <div class="row form-row">
                            <div class="col-sm-4 form-item">
                                <label class="titl">体重<em class="xing">*</em></label>
                                <div class="inputBox">
                                    <input type="text" placeholder="请输入您的体重" class="form-input" />
                                    <label class="dw">kg</label>
                                </div>
                                <div class="tips"></div>
                            </div>
                            <div class="col-sm-4 form-item form-item-iscoupe">
                                <label class="titl">是否双人舞<em class="xing">*</em></label>
                                <div class="crWrap">
                                    <label class="radio" for="pas-yes"><input type="radio" name="pas" id="pas-yes" value="0" />是</label>
                                    <label class="radio" for="pas-no"><input type="radio" name="pas"  id="pas-no" value="1"  checked />否</label>
                                </div>
                                <div class="tips"></div>
                            </div>
                        </div>
                        <div class="bottom-tips">
                            舞蹈类型：单人舞/双人舞（如果选择双人舞，则下一步需要填写舞伴信息，并在填写复赛、半决赛、决赛曲目的时候填写双人舞选项；如果选择单人舞，则无需填写舞伴信息，在填写复赛、半决赛、决赛曲目的时候填写单人舞选项）
                        </div>
                    </div>
                    <div class="partner_wrap">
                        <div class="small-title">
                            <span>请继续填写舞伴信息</span>
                        </div>
                        <div class="partner_info">
                            <div class="pasbox">
                                <label class="titl">舞伴是否参赛</label>
                                <div class="crWrap">
                                    <label class="radio" for="participate"><input type="radio" name="particip" id="participate" value="0" checked />是</label>
                                    <label class="radio" for="no-participate"><input type="radio" name="particip"  id="no-participate" value="1" />否</label>
                                </div>
                            </div>
                            <div class="infoBox">
                                <div class="row form-row">
                                    <div class="col-sm-4 form-item">
                                        <label class="titl">姓<em class="xing">*</em></label>
                                        <input type="text" placeholder="请输入您的姓氏" class="form-input" />
                                        <div class="tips"></div>
                                    </div>
                                    <div class="col-sm-4 form-item">
                                        <label class="titl">名<em class="xing">*</em></label>
                                        <input type="text" placeholder="请输入您的名称" class="form-input" />
                                        <div class="tips"></div>
                                    </div>
                                    <div class="col-sm-4 form-item">
                                        <label class="titl">性别<em class="xing">*</em></label>
                                        <select class="form-select">
                                            <option value="0">请选择</option>
                                            <option value="1">男</option>
                                            <option value="2">女</option>
                                        </select>
                                        <div class="tips"></div>
                                    </div>
                                </div>
                                <div class="row form-row">
                                    <div class="col-sm-4 form-item">
                                        <label class="titl">出生日期<em class="xing">*</em></label>
                                        <div class="inputBox">
                                            <input type="text" placeholder="选择日期" class="datepicker" />
                                            <i class="iconfont icon-calendar"></i>
                                        </div>
                                        <div class="tips"></div>
                                    </div>
                                    <div class="col-sm-4 form-item">
                                        <label class="titl">国籍<em class="xing">*</em></label>
                                        <select class="form-select">
                                            <option value="0">请选择</option>
                                            <option value="1">中国</option>
                                            <option value="2">美国</option>
                                        </select>
                                        <div class="tips"></div>
                                    </div>
                                    <div class="col-sm-4 form-item">
                                        <label class="titl">出生地<em class="xing">*</em></label>
                                        <input type="text" placeholder="请输入您的出生所在省市" class="form-input" />
                                        <div class="tips"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="actions">
                        <a href="#" class="signupBtn">下一步<i class="iconfont icon-next"></i></a>
                    </div>
                </form>
            </div>
        </section>
    </main>
    <footer class="footer">
        <div class="container">
            <div class="row">
                <div class="col-sm-8 copyright">© 2016 Pactera. All rights reserved. Liaoning ICP 11007858-3. Jing Gongwang Anbei 11010802016198</div>
                <div class="col-sm-4 social">
                    <a href="javascript:;" class="iconfont icon-facebook"></a>
                    <a href="javascript:;" class="iconfont icon-wechat"></a>
                    <a href="javascript:;" class="iconfont icon-weibo"></i></a>
                </div>
            </div>
        </div>
    </footer>

    <script src="js/bootstrap.min.js"></script>
    <script src="js/bootstrapValidator.min.js"></script>
    <script src="js/bootstrap-datepicker.min.js"></script>
    <script src="js/select2.min.js"></script>
    <script src="js/icheck.min.js"></script>
    <script src="js/jquery.mCustomScrollbar.js"></script>
    <script src="js/common.js"></script>
</body>

</html>